<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>成功</title>
  <link rel="stylesheet" href="/component/pear/css/pear.css" />
  <link rel="stylesheet" href="/admin/css/other/result.css" />
  <style>
    .layui-card-body {
      position: relative;
      margin-top: 18%;
      line-height: 24px;
      width: 50%;
      /*  居中*/
      left: 50%;
      transform: translateX(-50%);
    }
  </style>
  <script type="text/javascript">
    // 设置倒计时时间（单位：秒）
    var countdownTime = 5;
    // 更新倒计时显示
    function updateCountdown() {
      var countdownElement = document.getElementById("countdown");
      countdownElement.innerHTML = countdownTime + "秒后自动跳转到登录页面";
      countdownTime--;

      // 如果倒计时结束，跳转到其他页面
      if (countdownTime < 0) {
        window.location.href = "/login"; // 目标页面的URL
      } else {
        // 继续倒计时，每秒更新一次
        setTimeout(updateCountdown, 1000);
      }
    }

    // 页面加载完成后开始倒计时
    window.onload = function() {
      updateCountdown();
    };
  </script>
</head>
<body th:background="@{/admin/images/background.svg}" style="background-size: cover;">
<div class="layui-card-body">
  <div class="result">
    <div class="success">
      <svg viewBox="64 64 896 896" data-icon="check-circle" width="80px" height="80px" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0 0 51.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path></svg>
    </div>
    <h2 class="title">提交成功</h2>
    <p class="desc">
      您已成功注册，请前往登录页面登录！
    </p>
    <div class="action">
      <a href="/register"><button class="pear-btn">返回注册</button></a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="/login"><button class="pear-btn">去登录</button></a>
    </div>
    <p id="countdown" style="margin-top: 10px"></p>
  </div>
</div>
<script src="/component/layui/layui.js"></script>
<script src="/component/pear/pear.js"></script>
</body>
</html>
